<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>头像修改 - frm</title>
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
        <meta content="yes" name="apple-mobile-web-app-capable"/>
        <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
        <meta content="telephone=no" name="format-detection"/>
        <link href="../../Ryancss/yongjin.css" rel="stylesheet" type="text/css"/>
        <script type="text/javascript" src="../../Ryanjs/yongjin/jquery.min.js"></script>
        <script type="text/javascript" src="../../Ryanjs/yongjin/slider.js"></script>

    </head>
    <body>

        <section class="aui-flexView">

            <section class="aui-scrollView">
			
			
			

                <div class="aui-flex" style="padding-bottom:0">
                    <div class="aui-mas-img" style=" margin-right: 10px; ">
                        <img src="">
                    </div>
                    <div class="aui-flex-box"> 
                        <h3>修改头像<em  style=" margin-left: 10px; " id="Picture_upload_API"> <!--头像获取提示-->    </em></h3>
                    </div>
          
                </div>
				
				
			<div style="text-align:center;padding-top:0rem;position: relative;"   onclick="if_weixin();" >
				<div id="headimgurl">   
					<img id="avatar" name="avatar"  src="" style="width:60%;display:inline-block;border-radius:5px;margin-top: .5rem;">
				</div>

			</div>



			
			             <div class="divHeight"></div>	
				
			
			
			
			
                <div class="aui-palace">
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <img src="">
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>待完善</h2>
                        </div>
                    </a>
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <img src="">
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>待完善</h2>
                        </div>
                    </a>
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <img src="">
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>待完善</h2>
                        </div>
                    </a>
                </div>
				

				
            </section>

        </section>

    </body>
	
	
	
		<script type="text/javascript" src="../../script/api.js"></script>

	<script type="text/javascript">
	var api_url = localStorage.getItem('api_url');
		 
   
   

  apiready = function(){


			if(localStorage.getItem('Picture_upload_API') == 1){
				
				Picture_upload_API.innerHTML = 'T T K' ;  
				
			}else{
				
			Picture_upload_API.innerHTML = 'S M M S';  
			}	
				



	
		getHeadimg_frm();				//获取数据
		
		
										// 网络状态
								api.addEventListener({
									name:'offline'
								}, function(ret, err){        

									api.toast({
									msg : '网络连接异常',
									duration : 5000,
									location : 'middle' 
									});

									  

								});

								api.addEventListener({
									name:'online'
								}, function(ret, err){        
								
									  api.toast({
									  msg : '已经连接网络',
									  duration : 2000,
									  location : 'middle' 
									  });
										  
		getHeadimg_frm();				//获取数据
										  
								});		
		
		
		
		
		
		
		
		
  }






	// 修改头像 FRM 数据获取
	function getHeadimg_frm(){
	
	api.ajax({
        url: api_url+'/login/login/Headimg_frm.html',
        method: 'get',
        data: {
            values: {
				key: 'p2piunink',   //安全码
                uid: localStorage.getItem('user_id')
            }
        }
    },function(ret, err){
        if(ret) { 
			
			
										localStorage.setItem('Upload_Picture_Size',ret.msg['Upload_Picture_Size']);	//图片上传大小限制
										localStorage.setItem('headimgurl',ret.msg['headimgurl']);	//头像
										
									
												if (localStorage.getItem('userlogo_Cache') !== '' && localStorage.getItem('userlogo_Cache') !== null){			//  如果头像不为空	 
												
												//	alert(JSON.stringify(localStorage.getItem('userlogo_Cache'))); 	
			
												 headimgurl.innerHTML = '<img  id="avatar" name="avatar"   src="data:image/png;base64,'+ localStorage.getItem('userlogo_Cache')+'"  style="width:60%;display:inline-block;border-radius:5px;margin-top: .5rem;">' ;			
													
												}else {	
													if (localStorage.getItem('headimgurl') !== ''){			//  如果头像不为空
																
															headimgurl.innerHTML = '<img   id="avatar" name="avatar"  src="'+ localStorage.getItem('headimgurl')+'"  style="width:60%;display:inline-block;border-radius:5px;margin-top: .5rem;">' ;					
													}
												}		
															
			
			api.hideProgress();	
        }else{
			api.hideProgress();

            api.toast({
                msg: '网络错误',
                duration: 5000,
				location : 'middle' 
            });


        }
    });
   
	}
	
	

    function if_weixin(){
	
			if(localStorage.getItem('Source') == '微信'){
			
					api.toast({
						msg: '快捷登录账户不可修改',
						duration: 5000,
						location : 'middle' 
					});
			
			}else{
			
			showAction();    //如果不是微信 就执行上传程序
			
			}

	
	}





	
	
	function showAction(){
    api.actionSheet({
        title: '上传头像',
        cancelTitle: '取消',
 //       buttons: ['拍照','从手机相册选择']
       buttons: ['从手机相册选择']
    }, function(ret, err) {
        if (ret) {
            getPicture(ret.buttonIndex);
        }
    });
}
	
	function getPicture(sourceType) {
 /*   if(sourceType==1){ // 拍照
        //获取一张图片
        api.getPicture({
            sourceType: 'camera',
            encodingType: 'png',
            mediaValue: 'pic',
            allowEdit: false,
            quality: 90,
            saveToPhotoAlbum: true
        }, function(ret, err) {
            // 获取拍照数据并处理
            if (ret) {
                var imgSrc = ret.data;
                if (imgSrc != "") {
                    var ele=$api.dom('#avatar');
                    $api.attr(ele,'src',imgSrc);
					
					alert(JSON.stringify(imgSrc)); 	
				
			//	setTimeout('ImgToBase64(imgSrc)',3000);  //延迟执行 关闭
				
					post_tietuku(imgSrc);	   	//提交贴图库
					ImgToBase64(imgSrc);		//获取到的图片转 Base64
                }
            }
        });
    }
    else */if(sourceType==1){ // 从相机中选择
		
        //UIMediaScanner 是一个多媒体扫描器，可扫描系统的图片、视频等多媒体资源
		var UIMediaScanner = api.require('UIMediaScanner');
		UIMediaScanner.open({
			type: 'picture',
			column: 4,
			classify: true,
			max: 1,
			sort: {
				key: 'time',
				order: 'desc'
			 },    
			 thumbnail:{
				w: 100,
				h: 100
			}, 
			texts: {
				stateText: '已选择*项',
				selectedMaxText: '超过数量限制',  //（可选项）字符串类型；最多显示提示语，*号会被替换为已选择个数;默认：'最多显示*个资源'
				cancelText: '取消',
				finishText: '确认',
				classifyTitle:'上传头像'
			},
			styles: {
				bg: '#fff',
				mark: {
					icon: '',
					position: 'top_left',
					size: 50
				},
				nav: {
					bg: '#eee',
					stateColor: '#000',
					stateSize: 18,
					cancelBg: 'rgba(0,0,0,0)',
					cancelColor: '#000',
					cancelSize: 18,
					finishBg: 'rgba(0,0,0,0)',
					finishColor: '#000',
					finishSize: 18
				}
			},
		  /*  scrollToBottom: {
				intervalTime: 3,
				anim: true
			},*/
			exchange: true,
			rotation: false
		}, function(ret) {
			if (ret) {
			
			
			
			//获取图片大小
			
						
				var picture_size = ret.list[0].size;	
					
				if(picture_size > localStorage.getItem('Upload_Picture_Size')){
				
						api.toast({
							msg: '上传图片过大 修改失败',
							duration: 2000,
							location : 'middle' 
						});
				
				}else{
								
			
			
							var ele=$api.dom('#avatar');
						   $api.attr(ele,'src',ret.list[0].path);
							
/////				localStorage.setItem('userlogo_Cache',ret.list[0].path);	//图片缓存
					ImgToBase64(ret.list[0].path);		//获取到的图片转 Base64
				
					//	localStorage.setItem('zfb_img',ret.list[0].path);    //把图片地址写入本地   
					//	localStorage.setItem('zfb_img_suffix',ret.list[0].suffix);    //把图片类型写入本地   
					
						if(localStorage.getItem('Picture_upload_API') == 1){
						
						post_tietuku(ret.list[0].path);				//提交贴图库
						
						}else{
						
						post_SMMS(ret.list[0].path);				//提交SM.MS
						}
				
				}
						
			//		alert(JSON.stringify(ret.list[0].size)); 		
	
					

	 
		//	   alert(JSON.stringify(ret));
			}
		});
			

    }
}
	
	
	

     //上传贴图库方法
      function post_tietuku(imgSrc){
	  
	  
	  					api.showProgress({
						title: '上传审核中',
						text: '请稍后', 
						modal: false
					});
	  

			var timestamp = Date.parse(new Date());
			timestamp = timestamp / 1000;

					api.ajax({
					url: 'http://up.imgapi.com/',
					method: 'POST',
					
					data: {
						values: {
							deadline: timestamp,
							// Token: 'e3a8069a518dd58dd1bcc875c9968a852c9af7c2:yXeQssNHg6OUPkwoCzZHCHn_2ac=:eyJkZWFkbGluZSI6MTU1OTM3NTc5NSwiYWN0aW9uIjoiZ2V0IiwidWlkIjoiNjc0MDM1IiwiYWlkIjoiMTU0NDQyOSIsImZyb20iOiJmaWxlIn0='
							Token: localStorage.getItem('imgapi_Token')
							// fileurl: localStorage.getItem('zfb_img_Base64Data')
						},
						      files: {
						  			//file:localStorage.getItem('zfb_img')
						  			file:imgSrc
                             }  
					}
				}, function(ret, err) {
					if(ret) {

														/*	api.toast({
																	msg: '成功'+ret.t_url,
																	duration: 5000,
																	location : 'middle' 
																});
														*/		
																
																
									up_headimg_date(ret.t_url);   //获取贴图库的值 上传数据库      图片原图地址  ret.linkurl      图片缩略图地址    t_url
																
							//		download_zfbimg(ret.linkurl);				//  把获取的图片地址 下载到本地													



					} else {
						api.hideProgress();
						/*   alert('网络错误！');
						      原弹窗提示*/
						
					//	alert(JSON.stringify(err));
					
									if(err.body['code'] == 4506){
					
										api.toast({
											msg: 'Token无效 头像上传失败',
											duration: 1000,
											location : 'middle' 
										});

									
									}else{
					
					
										api.toast({
											msg: err.body['code']+''+err.body['info'],
											duration: 1000,
											location : 'middle' 
										});

									}
						return;
					}
				});

    }

  
 
 
 
 	
	

     //上传SM.MS库方法
      function post_SMMS(imgSrc){
	  
	  
	  				 api.showProgress({
						title: '上传审核中',
						text: '请稍后', 
						modal: false
					});
	  

			var timestamp = Date.parse(new Date());
			timestamp = timestamp / 1000;

					api.ajax({
					url: 'https://sm.ms/api/v2/upload',
					method: 'POST',
					
					data: {
						/*values: {
							deadline: timestamp,
							// Token: 'e3a8069a518dd58dd1bcc875c9968a852c9af7c2:yXeQssNHg6OUPkwoCzZHCHn_2ac=:eyJkZWFkbGluZSI6MTU1OTM3NTc5NSwiYWN0aW9uIjoiZ2V0IiwidWlkIjoiNjc0MDM1IiwiYWlkIjoiMTU0NDQyOSIsImZyb20iOiJmaWxlIn0='
							Token: localStorage.getItem('imgapi_Token')
							// fileurl: localStorage.getItem('zfb_img_Base64Data')
						},  */
						      files: {
						  			//file:localStorage.getItem('zfb_img')
						  			smfile:imgSrc
                             }  
					}
				}, function(ret, err) {
					if(ret) {

						
					//	alert(JSON.stringify(ret));
					
				/*	api.toast({
																	msg: '成功'+ret.data['url'],
																	duration: 5000,
																	location : 'middle' 
																});
											
				*/												
																
									up_headimg_date(ret.data['url']);   //获取API返回的值 上传数据库      图片原图地址   
																
							//		download_zfbimg(ret.linkurl);				//  把获取的图片地址 下载到本地													



					} else {
						api.hideProgress();
						/*   alert('网络错误！');
						      原弹窗提示*/
						
						alert(JSON.stringify(err));
					
						/*			if(err.body['code'] == 4506){
					
										api.toast({
											msg: 'Token无效 头像上传失败',
											duration: 1000,
											location : 'middle' 
										});

									
									}else{
					
					
										api.toast({
											msg: err.body['code']+''+err.body['info'],
											duration: 1000,
											location : 'middle' 
										});

									}
									
									*/
						return;
					}
				});

    }

  
 
 
 
 
 
 
 
 // 获取图库API返回值上传数据库
 function up_headimg_date(headimg){
 
 
 							var values = {
								uid: localStorage.getItem('user_id'),
								key: 'p2piunink',   //安全码
								headimgurl: headimg
							}
							api.ajax({
								url: 'http://admin.sky-gy.com/login/login/userheadimg_Ryan.html',
								method: 'post',
								data: {
									"values": values
								}
							}, function(ret, err) {
								if(ret) {
								
									if(ret.code == 1) {
	
										api.hideProgress();
										/*头像上传成功弹窗提示*/
										var dialogBox = api.require('dialogBox');
										dialogBox.alert({
											tapClose: true,  //描述：（可选项）是否点击遮罩层关闭该对话框  默认值：false
											texts: {
												content: '头像上传成功',
											},
											styles:{
									  bg: '#fff',            //（可选项）字符串类型；对话框整体背景配置，支持#、rgb、rgba、img；默认：#fff
									  corner: 10,             //（可选项）数字类型；对话框背景圆角大小；默认：2
									  w: 200,                //（可选项）数字类型；对话框的宽；默认：300
									  title:{                //（可选项）JSON对象；弹窗标题栏样式配置，不传则不显示标题区域
										  marginT: 20,       //（可选项）数字类型；标题栏与对话框顶端间距；默认：20
										  icon: 'widget://Ryanimg/uploadhead/uploadTXok.png',          //（可选项）字符串类型；标题前面的图标路径，要求本地路径（widget://、fs://）；图片为正方形的，如：50*50、100*100，建议开发者传大小合适的图片以适配高分辨率手机屏幕，不传则不显示
										  iconSize: 80,      //（可选项）数字类型；icon 图标边长大小,若 icon 不存在则此参数无效；默认：24
										  titleSize: 14,     //（可选项）数字类型；标题字体大小；默认：14
										  titleColor: '#000' //（可选项）字符串类型；标题字体颜色，支持#、rgb、rgba；默认：#fff
									  },
									  content:{              //（可选项）JSON 对象；文本内容配置，若不传则不显示该区域
										  marginT: 20,       //（可选项）数字类型；内容文本顶端与标题栏底端的距离，如果标题栏不存在，则是到窗口顶端的距离；默认：20
										  marginB: 40,       //（可选项）数字类型；内容文本底端与 left/right 顶端的距离，如果 left/right 都不存在，则是到对话框底端的距离；默认：20
										  color: '#ff0072',     //（可选项）字符串类型；内容文本字体颜色，支持 rgb、rgba、#；默认：#eee
										  size: 12           //（可选项）数字类型：内容文本字体大小；默认：12
									  }
									}
										});
										/*    头像上传成功弹窗提示    */



						//		getHeadimg_frm();  // 上传成功后重新获取下状态
									

								//传递数据
									 api.sendEvent({
									  name: 'newLoingdata',
									  extra: {
										}
									});	

										
									} else if(ret.code == 0) {
										api.hideProgress();
										alert('修改失败');
									} 
									
									
								} else {
								
										api.hideProgress();
										alert('KEY错误'); 
								}
							});
							
							
 }
 
 
 
 //图片转 Base64 
  
  function ImgToBase64(imgurl){
  
			var trans = api.require('trans');
			trans.decodeImgToBase64({
				imgPath: imgurl
			}, function(ret, err) {
				if (ret.status) {
				
				
		//		localStorage.setItem('headimgImg_Base64',ret.base64Str);	//头像 base64  保存本地
				localStorage.setItem('userlogo_Cache',ret.base64Str);	//头像 base64  保存本地
				//	alert(JSON.stringify(ret.base64Str));
				
				
					//传递数据 更新头像
					 api.sendEvent({
					  name: 'newLoingdata',
					  extra: {
					  }
					});	

					
					
				} else {
				//	alert(JSON.stringify(err));    //转Base64失败 
				}
			});
   
  }

	</script>
	
	
</html>
